<template>
  <div class="box">
    <div class="content">
      <!-- 采购商分析 -->
      <buyer ref="buyer" @update="updateSeller"></buyer>
      <!-- 供应商分析 -->
      <seller ref="seller" @update="updateCountry"></seller>
      <!-- 贸易国分析 -->
      <country ref="country"></country>
    </div>
  </div>
</template>

<script>
  import seller  from "@/components/ocean/Imported/seller";
  import buyer from "@/components/ocean/Imported/buyer";
  import country from "@/components/ocean/Imported/country";
  export default {
        name: "table",
        components:{
            seller,
            buyer,
            country
        },
        data() {
            return {
                buyerData: [],
                sellerData:[],
                country:[]
            }
        },
      mounted() {
            this.$refs.buyer.init()
      },
      methods:{
          updateSeller() {
              this.$refs.seller.init()
          },
          updateCountry() {
              this.$refs.country.init()
          }
      }
  }
</script>

<style scoped>
  .box{
    background-color: #F5F5F5;
    height: 100%;
    overflow: auto;
  }
  .content{
    width: 1200px;
    margin: 30px auto;
    overflow-y: auto;
  }
</style>
